{% extends "./master.tpl" %}
{% block body %}
<div class="row">
	<div class="twelve columns panel">
		<h2>Vos parties non achevées</h2>
		<ul id="parties_inachevees" class="parties">
			{% for _partie in gamesPaused %}
			<li class="panel partie">
				<div class="row collapse">
					<div class="ten columns">
						<p><strong>Partie : </strong>{{_partie[0]}} <strong>Créée par : </strong>{{_partie[1]}} <strong>Joueurs : </strong>{{_partie[2]}} / {{_partie[3]}}</p>
					</div>
					<div class="two columns">
						<a href="/game/{{_partie[4]}}" class="button radius rejoindre">Reprendre</a>
					</div>
				</div>
			</li>
			{% endfor %}
		</ul>
		<h2>Parties en cours</h2>
		<a href="/newgame" class="button radius">Créer une nouvelle partie</a>
		<ul id="parties" class="parties">
			{% for _partie in games %}
			<li class="panel partie">
				<div class="row collapse">
					<div class="ten columns">
						<p><strong>Partie : </strong>{{_partie[0]}} <strong>Créée par : </strong>{{_partie[1]}} <strong>Joueurs : </strong>{{_partie[2]}} / {{_partie[3]}}</p>
					</div>
					<div class="two columns">
						<a href="/game/{{_partie[4]}}" class="button radius rejoindre">Rejoindre</a>
					</div>
				</div>
			</li>
			{% endfor %}
		</ul>
	</div>
</div>
{% endblock %}
{% block script %}
<script src='/_ah/channel/jsapi'></script>
<script>
var token = '{{token}}';
</script>
<script src="/static/js/room.js"></script>
{% endblock %}